body{
    margin: auto;
    width: 2000px;
    margin-bottom: 10px;
    background-color: #2662581f;
    font-size: 30px;
    
}
/* <!-- 林梦雅20软单20200508110 --> */
.part1{
    border-bottom: 10px #266258 solid;

}
.part1-tt{
    background-color: white;
    font-size:30px;
    
}
.navbar-nav{
    margin-left:30px;
}
.nav-item{
    margin-left: 60px;
    
    transition: color 0.3s; /* 添加过渡效果 */
    cursor: pointer; /* 设置鼠标样式为手型 */
}
.nav-link{
    color: rgb(76, 76, 76);
}
.nav-item :hover,.nav-link :active{
    color:#266258;
    font-weight: bolder;

}
.part4z{
    background-color: #266258;
    height: 230px;
    margin-top: 30px;
}
.part4z-tt{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
    padding-top: 20px;
    color: white;
    font-size: 50px;
    font-family: "宋体";
    font-weight: bolder;
}
.part2 {
    display: flex;
    height: 2320px;
 
  }
  
  .sidebar {
    /* 导航栏样式 */
    width:500px;    

    font-size: 30px;


    background-color: #266258d8;

  }
  .sidebar ul {
    list-style: none; /* 取消列表项的默认符号 */
    padding: 0; /* 去除列表项的内边距 */
  }
  
  .sidebar li {
    text-align: right; /* 文本靠右对齐 */
    margin-right: 30px;
    margin-bottom: 150px;
  }
  
  .sidebar li a {
    text-decoration: none; /* 去除链接的下划线 */
    color: white; /* 设置链接文字颜色 */
    word-wrap: break-word; /* 自动换行 */
  }
  .content {
    /* 内容区域样式 */
    width: 1500px;
padding-left: 50px;
    background-color: rgba(255, 255, 255, 0.726);
  }
  .biao .image-container0 {
    margin: 30px;
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .part3-tt{
    margin-top: 50px;
    color: #266258;
    font-size: 50px;
}
.biao img {
    width: 600px;
    height: 300px;
    margin-bottom: 50px;
    margin-left: 50px;
    margin-right: 30px;
    transition: transform 0.3s ease-in-out;
  }
  .biao .image-container0:hover img {
    transform: scale(1.1);
  }
.biao td{
    position: relative; /* 设置相对定位，用于按钮定位 */
}

.biao p {
    font-size: 30px; 
    margin-top: 0;
}
  .biao .button {
    position: absolute; /* 设置绝对定位 */
    bottom: 0; /* 按钮位于单元格底部 */
    right: 0; /* 按钮位于单元格右侧 */
    width: 300px; /* 设置按钮宽度为300px */
    height: 110px; /* 设置按钮高度为150px */
    background-color: #266258; /* 设置按钮背景颜色 */
    color: white; /* 设置按钮文字颜色 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-size: 24px; /* 按钮文字大小 */
    text-decoration: none; /* 去除按钮文字下划线 */
  }
  .de-img{
    margin-top: 20px;
    width:1300px;height: 560px;

  }
  .part2-tt{
    margin-top: 40px;
    margin-right:150px;
    font-size: 25px;
    color: rgb(84, 84, 84);
  }
.table-striped{
    width: 1300px;

}
  .part2-tt td{
    height:100px;
    
  }
  .part2-2 {
    display: flex;
    height: 1700px;
 
  }
  .yuding22 {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 300px;
    height: 110px;
    background-color: #266258;
    color: white;
    text-align: center;
    line-height: 110px;
    z-index: 9999;

  }

#yuding-link2-2{
    font-size: 24px; /* 按钮文字大小 */
  text-decoration: none; /* 去除按钮文字下划线 */
}
.yuding22 img {
  display: none;
  width: 300px;
  height: auto;
  margin: 0 auto;
}
.yuding22 a {
  color: white;
  text-decoration: none;
}
  .yuding22.active img {
    display: block;
  }

  .yuding22 button {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: none;
  }

  .part2-3 {
    display: flex;
    height: 2100px;
 
  }
  .part2-3tt{

    height: 800px;
  }
  .image-container {
    position: relative;
    /* 相对 */
    display: inline-block;
    /* 脱离行元素 ，行内块元素*/
  }
  
  .image-container img {
    display: block;
    width: 500px;
    height: 300px;
    margin: 50px;
    animation: rotateImage 5s infinite linear; /* 添加动画属性 */
  }
  /* rotateImage 是旋转动画名称，
  5s 是动画的持续时间，
  infinite 表示动画无限循环，
  linear 表示动画的时间曲线为线性。 */
  @keyframes rotateImage {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  .image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #dcd496b8;
    color: white;
    font-size: 36px;
    text-align: center;
  }

  .part2-4 {
    display: flex;
    height: 2300px;
  }
  .part4-z {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #F1F1F1;
    padding: 20px;
    margin-right: 100px;
    margin-bottom: 50px;
  }
  
  .left-side {
    flex: 1;
  }
  /* 设置弹性容器中项目的伸缩比例。 */
  
  .right-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .part4-left img {
    width: 800px;
    height: 450px;

  }
  .part4-right {
    height: 450px;
    margin-left: 50px;

  }
  .part4-right p{
    margin-top: 100px;
    font-size: 40px;
    color: #266258;
    
  }
  .button-container {
    margin-top: auto;
  }
  
  .learn-more-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #266258;
    color: white;
    text-decoration: none;

  }
  
  
  .part2-5 {
    display: flex;
    height: 3200px;
  }
  .part5-z{
    margin-right: 150px;
  }
  .part5-z img{
    width: 1300px;
    height: auto;
  }
  .part5-tt{
    padding-top: 60px;
    font-size: 30px;
    color: #466560db;
    line-height:2.5;
  }
  .part5-form{
    height: 1000px;
    background-color: #a8a8a8c6;
  }
  .mb-5{

    margin: 50px;
  }
  .form-control{
    width: 600px;
    height:70px;
    font-size: 30px;
  }
  .btn-5{
    margin-left: 50px;
    width: 300px;
    height: 100px;
    background-color: #266258;
    color: white;
  }

  .part2-6{
    height: 2700px;
    background-color: #F1F1F1;
  }
  .part6-z{
    padding: 50px 200px 0 150px;
    font-size: 30px;
    line-height: 2;
    color: rgb(146, 146, 146);
  }
  .part6-tt{

    color: #266258;
    font-size: 60px;
    font-weight: lighter;
  }
  .part6-img1{
    width: 1600px;
    height: 600px;
  }
  .lr-6{
    display: flex;
    justify-content: space-between;
    /* 水平对齐 */
  }
  .left-6{
    flex-basis: 65%;
  }
  .right-6{
    flex-basis: 30%;
  }
  .image-container6{
    width: 500px;
    height: 300px;

    transition: transform 0.3s ease-in-out;
  }

  .image-container6:hover {
    transform: scale(1.1);
  }
  .part2-7{
    height: 2900px;
    background-color: #F1F1F1;
  }
  .part7-z{
    padding: 50px 200px 0 150px;
    font-size: 30px;
    line-height: 2;
    color: rgb(146, 146, 146);
  }
  .part7-tt{

    color: #266258;
    font-size: 60px;
    font-weight: lighter;
  }
  .part7-img1 {
    width: 100%; /* 设置宽度为100% */
    height: auto; /* 自适应高度 */
  }
  
  .lr-7{
    display: flex;
    justify-content: space-between;
    /* 水平对齐 */
    margin-top: 30px;

    border: #4b766fd5 9px solid;
  }
  .left-7{
    flex-basis: 30%;
  }
  .right7{
    flex-basis: 70%;
    margin-right: 150px;
    margin-top: 50px;
  }
  .image-container7{
    width: 350px;
    height: 350px;
    margin: 40px;

    transition: transform 0.3s ease-in-out;
  }

  .image-container6:hover {
    transform: scale(1.1);
  }
  .part8-data0{

    margin: 50px;
  }
  .part8-data0 img{
    width: 300px;
    height: 80px;
  }
  .part2-8{
    height: 2300px;
    background-color: white;
  }
  .part8-z{
    padding: 50px 200px 0 150px;
    font-size: 30px;
    line-height: 2;
    color: rgb(146, 146, 146);
  }
  .part8-tt{
    display: flex;
    color: #266258;
    font-size: 60px;
    font-weight: lighter;
  }
  .part8-dataz{

    display: flex;
  }
  .num8 {
    display: inline-block;
    font-weight: bolder;

    transition: transform 0.5s;
  }
  .jiudian8{
    height: 800px;
    background-image: url("img/联系/bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    margin-top: 100px;

  }
  .jd-left8 img{
    width: 200px;
    height: auto;
    cursor: pointer;
  }
  .dialog-container8 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background-color: rgba(0, 0, 0, 0.414);
    display: none;
    z-index: 9999;
  }
  
  .dialog8 {
    position: relative;
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* 让容器里的图片和容器垂直水平居中排列，可以使用 Flexbox 布局来实现 */
  .dialog-image8 {
    width: 600px;
    height: 600px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;

  }
  
  .close-button8 {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000000;
    font-size: 50px;
    background: transparent;
    border: none;
    cursor: pointer;
  }
  
  .jd-left8{
    width: 45%;
    margin-top: 30px;
  }
  
  .jd-right8{
    display: flex;
    flex-wrap: wrap;
    width: 45%;
    justify-content: flex-end; /* 将链接靠最右边对齐 */
    margin-top: 30px;
  }
  .link8{
    flex-basis: 250px;
    height: 50px;

  }
  .link8 a {
    display: block;
    font-size: 40px;
    color: #266258;
    text-decoration: none;
  }